import { Canvas, FabricText } from 'fabric'

const canvasEl = document.getElementById("myCanvas")


const canvas = new Canvas(canvasEl);
const helloWorld = new FabricText('Hello world!',{
  // 旋转角度
  angle: 30,
  centeredRotation:true,
  backgroundColor:'yellow',

  hasBorders:true,
  borderColor:'blue',
  fill:'red'  // 文本颜色

});

// 更改 FabricText 类的默认 Font
FabricText.ownDefaults.fontFamily = 'Lobster';

canvas.add(helloWorld);

// 水平、垂直居中
canvas.centerObject(helloWorld);

// 水平居中
// canvas.centerObjectH(helloWorld);

// 垂直居中
// canvas.centerObjectV(helloWorld);
